<template>
    <div id="bottom" style="">
        <div style="height: 1.1rem;"></div>
		<!--下导航-->
		<div class="bootom_nav">
			<ul class="menu-list">
				<router-link to="/todayData">
					<li @click="selectgao(1)"  :class="{selectgao:index == 1}">
						<i class="shou"></i>
						<p>今日数据</p>
					</li>
				</router-link>
				<router-link to="/channel">
					<li  @click="selectgao(2)" :class="{selectgao:index == 2}">
						<i class="vip"></i>
						<p>渠道分成</p>	
					</li>
				</router-link>
				<router-link to="/teamClock" v-if="userInfo.agentType == 1">
					<li  @click="selectgao(3)" :class="{selectgao:index == 3}">
						<i class="jifen"></i>
						<p>团队架构</p>
					</li>
				</router-link>
				<router-link to="/teamExtend" v-if="userInfo.agentType == 1">
					<li  @click="selectgao(4)" :class="{selectgao:index == 4}">
						<i class="geren"></i>
						<p>团队扩展</p>
					</li>
				</router-link>
				<router-link to="/myInformation">
					<li  @click="selectgao(4)" :class="{selectgao:index == 5}">
						<i class="person"></i>
						<p>我的信息</p>
					</li>
				</router-link>
			</ul>
		</div>
    </div>
</template>
<script>

export default {
	props:["index"],
    components: {
  	},
	computed: {
		userInfo () {
            return this.$store.state.login.userInfo
        }
	},
  	data () {
		return {

		}
  	},
	mounted(){
		
	},
	methods:{
		selectgao(sel){
		this.$parent.index = sel
		}
	}
}
</script>
<style scoped src="./css/bottomNav.css">

</style>

